.nav_white { position: fixed; background-color: white; width: 100%; height: 85px; top: 0; display: none; z-index: 199; pointer-events: none; left: 0; }
@media screen and (max-width: 1025px) { .nav_white { height: 60px; } }

@-webkit-keyframes arrowTopDownAnim { 0% { top: -10px; }
  50% { top: 10px; }
  100% { top: -10px; } }

@keyframes arrowTopDownAnim { 0% { top: -10px; }
  50% { top: 10px; }
  100% { top: -10px; } }
.nav { -webkit-transition: all 0.3s ease; transition: all 0.3s ease; position: fixed; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: 100vh; z-index: 200; width: 100%; padding: 50px 0; pointer-events: none; }
@media screen and (max-width: 1760px) { .nav { padding: 20px; } }
.nav .black { display: none; }
.nav .white { display: block; }
.nav .wrapper { -webkit-transition: all 0.3s ease; transition: all 0.3s ease; width: 1740px; height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; position: relative; }
@media screen and (max-width: 1770px) { .nav .wrapper { width: 100%; } }
.nav .wrapper .content_menu { position: absolute; top: 0; left: 0; width: calc(100% - 70px - 70px); margin: 50px; height: calc(100% - 70px - 70px); display: none; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin: 70px; }
@media screen and (max-width: 1025px) { .nav .wrapper .content_menu { width: 100%; height: 100%; margin: 0; } }
@media screen and (max-height: 780px) { .nav .wrapper .content_menu { overflow: auto; } }
.nav .wrapper .content_menu .menu-context { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-pack: distribute; justify-content: space-around; width: 100%; padding: 0 15%; }
@media screen and (max-width: 1367px) { .nav .wrapper .content_menu .menu-context { padding: 0 5%; } }
@media screen and (max-width: 1025px) { .nav .wrapper .content_menu .menu-context { padding: 0 20px; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; height: 100% !important; } }
@media screen and (max-height: 780px) { .nav .wrapper .content_menu .menu-context { height: auto; } }
@media screen and (max-width: 1025px) { .nav .wrapper .content_menu .menu-context .menu_services { margin: 0 0 40px 0; } }
.nav .wrapper .content_menu .menu-context .menu_services h3 { color: #333333; font-size: 65px; margin: 0 0 30px 0; }
@media screen and (max-width: 1025px) { .nav .wrapper .content_menu .menu-context .menu_services h3 { font-size: 36px; margin: 0 0 20px 0; } }
.nav .wrapper .content_menu .menu-context .menu_services ul li { list-style-type: none; line-height: 45px; }
@media screen and (max-width: 1367px) { .nav .wrapper .content_menu .menu-context .menu_services ul li { line-height: 40px; } }
@media screen and (max-width: 1025px) { .nav .wrapper .content_menu .menu-context .menu_services ul li { line-height: 24px; } }
.nav .wrapper .content_menu .menu-context .menu_services ul li a { color: #333333; text-decoration: none; font-size: 24px; }
@media screen and (max-width: 1025px) { .nav .wrapper .content_menu .menu-context .menu_services ul li a { font-size: 16px; } }
.nav .wrapper .content_menu .menu-context .menu_services ul li a:hover { color: black; }
.nav .wrapper .content_menu .menu-context .menu_about { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }
.nav .wrapper .content_menu .menu-context .menu_about .about-app { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; }
.nav .wrapper .content_menu .menu-context .menu_about .about-app h3 { color: #333333; font-size: 65px; margin: 0 0 30px 0; }
@media screen and (max-width: 1025px) { .nav .wrapper .content_menu .menu-context .menu_about .about-app h3 { font-size: 26px; margin: 0 0 20px 0; } }
.nav .wrapper .content_menu .menu-context .menu_about .about-app ul li { list-style-type: none; line-height: 45px; }
@media screen and (max-width: 1367px) { .nav .wrapper .content_menu .menu-context .menu_about .about-app ul li { line-height: 40px; } }
@media screen and (max-width: 1025px) { .nav .wrapper .content_menu .menu-context .menu_about .about-app ul li { line-height: 24px; } }
.nav .wrapper .content_menu .menu-context .menu_about .about-app ul li a { color: #333333; text-decoration: none; font-size: 24px; }
@media screen and (max-width: 1025px) { .nav .wrapper .content_menu .menu-context .menu_about .about-app ul li a { font-size: 16px; } }
.nav .wrapper .content_menu .menu-context .menu_about .about-app ul li a:hover { color: black; }
.nav .wrapper .content_menu .menu-context .menu_about .send-for-app { display: -webkit-box; display: -ms-flexbox; display: flex; justify-self: end; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; margin: 40px 0 0 0; }
.nav .wrapper .content_menu .menu-context .menu_about .send-for-app h3 { color: #333333; font-size: 35px; margin: 0 0 30px 0; }
@media screen and (max-width: 1025px) { .nav .wrapper .content_menu .menu-context .menu_about .send-for-app h3 { font-size: 26px; margin: 0 0 20px 0; } }
.nav .wrapper .content_menu .menu-context .menu_about .send-for-app .as-imgs { display: -webkit-box; display: -ms-flexbox; display: flex; }
.nav .wrapper .content_menu .menu-context .menu_about .send-for-app .as-imgs a { display: block; margin: 0 20px 0 0; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; }
.nav .wrapper .content_menu .menu-context .menu_about .send-for-app .as-imgs a:last-child { margin: 0; }
.nav .wrapper .content_menu .menu-context .menu_about .send-for-app .as-imgs a:hover { -webkit-transform: scale(1.1); transform: scale(1.1); }
.nav .wrapper .content_menu .menu-context .menu_about .send-for-app .as-imgs a img { width: 50px; }
.nav .wrapper .nav__left > img { -webkit-animation: arrowTopDownAnim 1.2s infinite; animation: arrowTopDownAnim 1.2s infinite; position: relative; top: -10px; }
.nav .wrapper .nav__left { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; height: 100%; }
.nav .wrapper .nav__left .logo { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: auto; }
.nav .wrapper .nav__left .logo .our { color: white; font-size: 30px; font-weight: 700; cursor: pointer; pointer-events: auto; }
@media screen and (max-width: 1500px) { .nav .wrapper .nav__left .logo .our { font-size: 24px; } }
@media screen and (max-width: 1025px) { .nav .wrapper .nav__left .logo .our { font-size: 14px; line-height: 30px; } }
@media screen and (max-width: 450px) { .nav .wrapper .nav__left .logo .our { font-size: 10px; line-height: 30px !important; } }
.nav .wrapper .nav__left .logo .our a { color: white; text-decoration: none; }
.nav .wrapper .nav__left .logo .line { width: 1px !important; margin: 0 10px 0 25px; }
@media screen and (max-width: 1025px) { .nav .wrapper .nav__left .logo .line { display: block; margin: 0 5px 0 10px; } }
.nav .wrapper .nav__left .logo a { display: block; height: 100%; pointer-events: auto; }
@media screen and (max-width: 1025px) { .nav .wrapper .nav__left .logo a { height: auto; } }
.nav .wrapper .nav__left .logo a .black { display: none; opacity: 0; }
.nav .wrapper .nav__left .logo a .white { display: block; opacity: 1; }
.nav .wrapper .nav__left .logo a img { width: 215px; }
.nav .wrapper .nav__left .logo a img:hover { -webkit-transform: none; transform: none; }
@media screen and (max-width: 1025px) { .nav .wrapper .nav__left .logo a img { width: 125px; height: auto; } }
.nav .wrapper .nav__left .line { margin: 0 25px; width: 2px; height: 60%; background-color: white; }
@media screen and (max-width: 1500px) { .nav .wrapper .nav__left .line { margin: 0 15px; } }
@media screen and (max-width: 1025px) { .nav .wrapper .nav__left .line { display: none; } }
.nav .wrapper .nav__left img { width: 50px; cursor: pointer; pointer-events: auto; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; }
@media screen and (max-width: 1500px) { .nav .wrapper .nav__left img { width: 30px; } }
@media screen and (max-width: 1025px) { .nav .wrapper .nav__left img { display: none; } }
.nav .wrapper .nav__left img:hover { -webkit-transform: scale(1.1); transform: scale(1.1); }
.nav .wrapper .nav__right { height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; }
.nav .wrapper .nav__right .menu { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }
.nav .wrapper .nav__right .menu a { color: white; font-weight: 800; font-size: 30px; text-decoration: none; pointer-events: auto; }
@media screen and (max-width: 1500px) { .nav .wrapper .nav__right .menu a { font-size: 24px; } }
@media screen and (max-width: 1025px) { .nav .wrapper .nav__right .menu a { display: none; } }
@media screen and (min-width: 1026px) and (max-width: 1500px) { .nav .wrapper .nav__right .menu a { line-height: 40px; } }
.nav .wrapper .nav__right .menu a span { font-weight: 200; }
.nav .wrapper .nav__right .menu img { width: 50px; cursor: pointer; margin: 0 0 0 50px; pointer-events: auto; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; }
@media screen and (max-width: 1500px) { .nav .wrapper .nav__right .menu img { width: 30px; } }
.nav .wrapper .nav__right .menu img:hover { -webkit-transform: scale(1.1); transform: scale(1.1); }
.nav .wrapper .nav__right .line { margin: 0 25px; width: 2px; height: 60%; background-color: white; }
@media screen and (max-width: 1500px) { .nav .wrapper .nav__right .line { margin: 0 15px; } }
@media screen and (max-width: 1025px) { .nav .wrapper .nav__right .line { display: none; } }
.nav .wrapper .nav__right .soc-icons { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }
@media screen and (max-width: 1025px) { .nav .wrapper .nav__right .soc-icons { display: none; } }
.nav .wrapper .nav__right .soc-icons a { margin: 0 0 0 15px; pointer-events: auto; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; }
.nav .wrapper .nav__right .soc-icons a:hover { -webkit-transform: scale(1.1); transform: scale(1.1); }
.nav .wrapper .nav__right .soc-icons a img { width: 30px; }
@media screen and (max-width: 1500px) { .nav .wrapper .nav__right .soc-icons a img { width: 25px; } }
.nav .wrapper .nav__right .soc-icons a .soc-vk { width: 37px; }
@media screen and (max-width: 1500px) { .nav .wrapper .nav__right .soc-icons a .soc-vk { width: 32px; } }

.black-nav { -webkit-transition: all 0.3s ease; transition: all 0.3s ease; padding: 15px 15px; }
.black-nav .black { display: block; }
.black-nav .white { display: none; }
.black-nav .wrapper { -webkit-transition: all 0.3s ease; transition: all 0.3s ease; width: 100%; }
.black-nav .wrapper .nav__left .logo .our { color: #333333; line-height: 50px !important; }
@media screen and (max-width: 1025px) { .black-nav .wrapper .nav__left .logo .our { line-height: 30px !important; } }
@media screen and (max-width: 450px) { .black-nav .wrapper .nav__left .logo .our { font-size: 10px; line-height: 30px !important; } }
.black-nav .wrapper .nav__left .logo .our a { color: #333333; }
.black-nav .wrapper .nav__left .logo .line { width: 1px !important; margin: 0 15px 0 15px; background-color: #333333; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; display: none; opacity: 1; }
@media screen and (max-width: 1025px) { .black-nav .wrapper .nav__left .logo .line { display: none; margin: 0 5px; } }
.black-nav .wrapper .nav__left .logo a { display: block; height: 100%; pointer-events: auto; }
@media screen and (max-width: 1025px) { .black-nav .wrapper .nav__left .logo a { height: auto; } }
.black-nav .wrapper .nav__left .logo a:last-child { display: none; }
.black-nav .wrapper .nav__left .logo a .black { display: block; opacity: 1; }
.black-nav .wrapper .nav__left .logo a .white { display: none; opacity: 0; }
.black-nav .wrapper .nav__left .logo a img { height: 100%; width: 215px; }
.black-nav .wrapper .nav__left .logo a img:hover { -webkit-transform: none; transform: none; }
@media screen and (max-width: 1025px) { .black-nav .wrapper .nav__left .logo a img { width: 125px; height: auto; } }
.black-nav .wrapper .nav__left .line { -webkit-transition: opacity 0.3s ease; transition: opacity 0.3s ease; opacity: 0; }
.black-nav .wrapper .nav__left img { -webkit-transition: opacity 0.3s ease; transition: opacity 0.3s ease; pointer-events: none; opacity: 0; }
.black-nav .wrapper .nav__right .line { -webkit-transition: opacity 0.3s ease; transition: opacity 0.3s ease; opacity: 0; }
.black-nav .wrapper .nav__right .menu a { color: #333333; }
@media screen and (min-width: 1026px) and (max-width: 1500px) { .black-nav .wrapper .nav__right .menu a { line-height: 55px; } }

.black-nav_open-menu { -webkit-transition: all 0.3s ease; transition: all 0.3s ease; background-color: white; padding: 15px 15px !important; pointer-events: auto !important; }
.black-nav_open-menu .black { display: block; pointer-events: auto !important; }
.black-nav_open-menu .white { display: none; pointer-events: none !important; }
.black-nav_open-menu .wrapper { width: 100% !important; }
.black-nav_open-menu .wrapper .content_menu { display: -webkit-box; display: -ms-flexbox; display: flex; }
@media screen and (max-width: 1025px) { .black-nav_open-menu .wrapper .content_menu { margin: 10% 0; height: 80%; } }
.black-nav_open-menu .wrapper .content_menu ul li a { pointer-events: auto !important; }
.black-nav_open-menu .wrapper .nav__left .logo .our { color: #333333; pointer-events: auto !important; line-height: 50px !important; }
@media screen and (max-width: 1025px) { .black-nav_open-menu .wrapper .nav__left .logo .our { line-height: 30px !important; } }
@media screen and (max-width: 450px) { .black-nav_open-menu .wrapper .nav__left .logo .our { font-size: 10px; line-height: 15px !important; } }
.black-nav_open-menu .wrapper .nav__left .logo .our a { color: #333333; }
.black-nav_open-menu .wrapper .nav__left .logo .line { width: 1px !important; margin: 0 15px 0 15px; background-color: #333333; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; display: block; opacity: 1; }
@media screen and (max-width: 1025px) { .black-nav_open-menu .wrapper .nav__left .logo .line { display: block; margin: 0 5px; } }
.black-nav_open-menu .wrapper .nav__left .logo a { display: block; height: 100%; pointer-events: auto; }
.black-nav_open-menu .wrapper .nav__left .logo a:last-child { display: block; }
@media screen and (max-width: 1025px) { .black-nav_open-menu .wrapper .nav__left .logo a { height: auto; } }
.black-nav_open-menu .wrapper .nav__left .logo a .black { display: block; opacity: 1; }
.black-nav_open-menu .wrapper .nav__left .logo a .white { display: none; opacity: 0; }
.black-nav_open-menu .wrapper .nav__left .logo a img { height: 100%; width: 215px; }
.black-nav_open-menu .wrapper .nav__left .logo a img:hover { -webkit-transform: none; transform: none; }
@media screen and (max-width: 1025px) { .black-nav_open-menu .wrapper .nav__left .logo a img { width: 125px; height: auto; } }
.black-nav_open-menu .wrapper .nav__left .line { background-color: #333333; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; opacity: 1; }
.black-nav_open-menu .wrapper .nav__left img { opacity: 0; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; pointer-events: none !important; }
@media screen and (max-width: 1025px) { .black-nav_open-menu .wrapper .nav__right { padding: 0 0 50px 0; } }
.black-nav_open-menu .wrapper .nav__right .line { background-color: #333333; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; opacity: 1; }
.black-nav_open-menu .wrapper .nav__right .menu a { color: #333333; pointer-events: auto !important; }
.black-nav_open-menu .wrapper .nav__right .soc-icons { display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; pointer-events: auto !important; }